<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../reset.css">
    <link rel="stylesheet" href="./car.css">

</head>
<body>
    <!-- top -->
    <div class="toptop">
                <div class="top w ">
                    <div class="top-nav ">
                        <a href="../index.html">小米商城</a>
                        <span class="sep">|</span>
                        <a href="">MIUI</a>
                        <span class="sep">|</span>
                        <a href="">loT</a>
                        <span class="sep">|</span>
                        <a href="">云服务</a>
                        <span class="sep">|</span>
                        <a href="">天星数科</a>
                        <span class="sep">|</span>
                        <a href="">有品</a>
                        <span class="sep">|</span>
                        <a href="">小爱开发平台</a>
                        <span class="sep">|</span>
                        <a href="">企业团购</a>
                        <span class="sep">|</span>
                        <a href="">资质证照</a>
                        <span class="sep">|</span>
                        <a href="">协议规则</a>
                        <span class="sep">|</span>
                        <a href="">下载app</a>
                        <span class="sep">|</span>
                        <a href="">智能生活</a>
                        <span class="sep">|</span>
                        <a href="">Select Location</a>
                    </div>
                    <div class="top-info">
                        <a href="">登录</a>
                        <span class="sep">|</span>
                        <a href="">注册</a>
                        <span class="sep">|</span>
                        <a href="">消息通知</a>
                    </div>
                    <div class="top-car">
                        <img src="img/d7db56d1d850113f016c95e289e36efa.png" alt="">
                        购物车
                    </div>
                </div>
    </div>
        
    <div class="container-container">
                <!-- logo -->
                <div class="container">
                    <div class="header-logo ">
                        <a href=""><img src="img/logo-mi2.png" alt=""></a>
                    </div>
        
                    <div class="header-nav ">
                        <ul>
                            <li><a href="">小米手机</a></li>
                            <li><a href="">Redmi红米</a></li>
                            <li><a href="">电视</a></li>
                            <li><a href="">笔记本</a></li>
                            <li><a href="">家电</a></li>
                            <li><a href="">路由器</a></li>
                            <li><a href="">智能硬件</a></li>
                            <li><a href="">服务</a></li>
                            <li><a href="">社区</a></li>
                        </ul>
                    </div>
        
                    <div class="header-search">
                        <input type="text" placeholder="请输入想要查找的商品">
                        <input type="button">
                    </div>
        
                </div>
        
             
    </div>

    <!-- 购物车 -->

    <div class="hide w">
        <img src="img/cart-empty.png" alt="">
        <h2>购物车空空如也啊~~</h2>
    </div>

    <div class="car w">
        <h1>购物车</h1>
        <table>
            <thead>
                <tr>
                    <th>商品名称</th>
                    <th>商品图片</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>操作</th>
                </tr>
            </thead>

            <tbody>
                <!-- 生成 -->
                <!-- <tr id="">
                        <td>名称</td>
                        <td>
                           <img src="img/74c4fcb4475af8308e9a670db9c01fdf.png" alt="">
                        </td>
                        <td>单价</td>
                        <td>
                            <span class='add'>+</span>
                            <span>数量</span>
                            <span class="jian">-</span>
                        </td>
                        <td class="del">删除</td>
                    </tr> -->
            </tbody>
        </table>

    </div>

    <script src="../jquery-1.12.4.js"></script>
    <script src="./car.js"></script>
    
   
    

    <!-- footer -->
    <div class="footer w">
        <div class="footer-service">
            <ul>
                <li><a href="">预约维护服务</a></li>
                <li><a href="">7天无理由退货</a></li>
                <li><a href="">15天免费换货</a></li>
                <li><a href="">满69包邮</a></li>
                <li><a href="">520余家售后网点</a></li>
            </ul>
        </div>

        <div class="footer-links">
            <dl>
                <dt>帮助中心</dt>
                <dd>账户管理</dd>
                <dd>购物指南</dd>
                <dd>订单操作</dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd>售后政策</dd>
                <dd>自助服务</dd>
                <dd>相关下载</dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd>小米之家</dd>
                <dd>服务网点</dd>
                <dd>授权体验店</dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd>了解小米</dd>
                <dd>加入小米</dd>
                <dd>投资者关系</dd>
                <dd>企业社会责任</dd>
                <dd>廉洁举报</dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd>新浪微博</dd>
                <dd>官方微信</dd>
                <dd>联系我们</dd>
                <dd>公益基金会</dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd>F码通道</dd>
                <dd>礼物码</dd>
                <dd>防伪查询</dd>
            </dl>

            <div class="footer-right">
                <h3>400-100-5678</h3>
                <p>8:00-18:00（仅收市话费）</p>
                <a href="">人工客服</a>
                <div class="follow">
                    关注小米：
                    <img src="img/wb.png" alt="">
                    <img src="img/wx.png" alt="">
                </div>
            </div>
        </div>

    </div>

    <!-- info -->
    <div class="infoinfo">
            <div class="info w">
        <div class="info-container">
            <div class="info-logo">
                <img src="img/logo-mi2.png" alt="">
            </div>

            <div class="info-text">
                <p><a href="">小米商城</a><span>丨</span>
                    <a href="">MIUI</a><span>丨</span>
                    <a href="">米家</a><span>丨</span>
                    <a href="">米聊</a><span>丨</span>
                    <a href="">多看</a><span>丨</span>
                    <a href="">游戏</a><span>丨</span>
                    <a href="">政企服务</a><span>丨</span>
                    <a href="">小米天猫店</a><span>丨</span>
                    <a href="">小米集团隐私政策</a><span>丨</span>
                    <a href="">小米商城用户协议</a><span>丨</span>
                    <a href="">问题反馈</a><span>丨</span>
                    <a href="">Select Location</a></p>

                <p>
                    <a href="">小米互联网法院法律服务工作站</a><span>丨</span>
                    <a href="">中国消费者协会</a><span>丨</span>
                    <a href="">北京市消费协会</a>
                </p>
                <h6>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号
                    <br>
                        （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告
                        <br>
                        增值电信业务许可证 网络食品经营备案 京食药网食备202010048   食品经营许可证
                        <br>
                        违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</h6>
            </div>

            <div class="info-img">
                <img src="img/truste.png" alt="">
                <img src="img/v-logo-2.png" alt="">
                <img src="img/icon3.png" alt="">
                <img src="img/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                <img src="img/02297cb6dab014652c46eb040e487145.png" alt="">
            </div>
        </div>

        <!-- 口号 -->
        <div class="slogan">
           
        </div>
    </div>
    </div>
</body>
</html>
<script src="../jquery-1.12.4.js"></script>